<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:p="http://primefaces.prime.com.tr/ui">  

    <h:head>
        <title>SiADWeb - UFRPE</title>
        <meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
        <link type="text/css" rel="stylesheet"
              href="#{request.contextPath}/css/default.css" />
        <link type="text/css" rel="stylesheet"
              href="#{request.contextPath}/syntaxhighlighter/styles/syntaxhighlighter.css" />

        <style type="text/css">
            .ui-widget {
                font-size: 12px !important;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
            }
        </style>
    </h:head>  

    <h:body>
        <p:ajaxStatus style="width:16px;height:16px;">  
            <f:facet name="start">  
                <h:graphicImage value="/imagens/ajaxloading.gif" />  
            </f:facet>  

            <f:facet name="complete">  
                <h:outputText value="" />  
            </f:facet>  
        </p:ajaxStatus>  

        <div id="logo" style="height: 200px;">
            <h:graphicImage style="height: 157px; max-width: 1400; width: 100%; overflow: none" value="/imagens/topo.png" />
            <div Class="ui-widget-header" style="height: 38px;">

            </div>
        </div>
        <div id="page">
            <table align="left">
                <tr>
                    <td style="width: 50%;" height="400" valign="middle">

                    </td>
                    <td style="width: 400px; padding-bottom: 50px;" height="400" valign="middle" align="center">
                        <h:form id="login">
                            <p:growl id ="mensagens"/>

                            <p:fieldset legend="Login" style="width:400px;font-size: 12px;">
                                <h:panelGrid columns="2" cellpadding="5" >
                                    <h:outputText value="Login *:" style="font-size:12px;"/>
                                    <p:inputText value="#{SistemaBean.usuario}" 
                                                 label="Login" required="true" requiredMessage="O Campo [Usuário] deve ser preenchido"/>

                                    <h:outputText value="Senha *:" style="font-size:12px;"/>
                                    <p:password value="#{SistemaBean.senha}" feedback="" minLength="5"
                                                required="true"  requiredMessage="O Campo [Senha] deve ser preenchido"/>
                                </h:panelGrid>

                                <h:panelGrid columns="2" cellpadding="5">
                                    <h:outputText/>
                                    <p:commandButton value="Entrar" action="#{SistemaBean.botaoLoginAction}" update="mensagens"/>
                                </h:panelGrid>

                            </p:fieldset>
                            <br/>
                            <table>
                                <tr>
                                    <td>
                                        <span style="color: green;" class="ui-widget">Para poder utilizar o sistema, efetue o login do mesmo.</span>
                                    </td>
                                    <td>
                                        <h:graphicImage value="/imagens/ok.png" />
                                    </td>
                                </tr>
                            </table>
                        </h:form>
                    </td>
                    <td style="width: 50%;" height="400" valign="middle">
                    </td>
                </tr>
            </table>
        </div>
        <div id="rodape">
            <div align="right" class="ui-widget" style="padding-right: 60px; height: 40px; text-align: right; float: right; max-width: 1350px; width:100%; background-image: url('#{request.contextPath}/imagens/rodape.png'); background-position: right; padding-top: 10px;">
                SiAD - Sistema de Apoio Didático © 2011 | <a class="ui-widget" href="http://www.ufrpe.br" target="_blank">UFRPE</a> | <a class="ui-widget" href="http://www.uag.ufrpe.br" target="_blank">UAG</a> · Ajuda · Sobre o Sistema · Desenvolvedores</div>
        </div>
    </h:body>  
</html>